<template>
<!-- 福彩3D列表 -->
  <div class="batdetail_table_title">
        <div class="batdetail_table_title_title">
          <text style="font-family: PingFangSC-Medium;font-size: 28px;color: #666666;">选号方案</text>
        </div>
        <div class="chip_table">
          <div class="chip_table_title">
            <div class="chip_table_title_ordername" style="flex:2">
              <text class="chip_table_title_ordername_text">序号</text>
            </div>
            <div class="chip_table_title_ordername" style="flex:2">
              <text class="chip_table_title_ordername_text">个位</text>
            </div>
            <div class="chip_table_title_ordername" style="flex:2">
              <text class="chip_table_title_ordername_text">十位</text>
            </div>
            <div class="chip_table_title_ordername" style="flex:2">
              <text class="chip_table_title_ordername_text">百位</text>
            </div>
            <div class="chip_table_title_ordername" style="flex:2">
              <text class="chip_table_title_ordername_text">备注</text>
            </div>
            <div class="chip_table_title_ordername" style="flex:2">
              <text class="chip_table_title_ordername_text">倍数</text>
            </div>
          </div>
          <div class="chip_table_body">
            <div class="chip_table_body_header" style="flex: 1;">
              <div class="table_scroller_item" v-for="(item,index) in orderGroup.arr" :key="index+1/12" style="">
                <div class="chip_table_body_div" style="flex:2">
                  <text class="chip_table_title_ordername_text">{{index+1}}</text>
                </div>
                <div class="chip_table_body_div_ball" style="flex:2">
                  <div class="chip_table_body_redarea">
                    <text class="chip_table_title_ordername_text_ball" v-for="(red,index) in item.ge" :key="index+1/13">{{red}}</text>
                  </div>
                  <!-- <div class="chip_table_body_redarea_s" v-if="item.danRedBall">
                    <text class="chip_table_title_ordername_text">胆码:</text>
                    <text class="chip_table_title_ordername_text_ball" v-for="(red,index) in item.danBlueBall.split(',')" :key="index+1/14">{{red}}</text>
                  </div> -->
                </div>
                <div class="chip_table_body_div_ball" style="flex:2">
                  <div class="chip_table_body_bluearea">
                    <text class="chip_table_title_ordername_text_ball" v-for="(blue,index) in item.ten" :key="index+1/15">{{blue}}</text>
                  </div>
                  <!-- <div class="chip_table_body_bluearea_s" v-if="item.danBlueBall">
                    <text class="chip_table_title_ordername_text">胆码:</text>
                    <text class="chip_table_title_ordername_text_ball" v-for="(blue,index) in item.danBlueBall.split(',')" :key="index+1/16">{{blue}}</text>
                  </div> -->
                </div>
                <div class="chip_table_body_div_ball" style="flex:2">
                  <div class="chip_table_body_bluearea">
                    <text class="chip_table_title_ordername_text_ball" v-for="(blue,index) in item.hundred" :key="index+1/16">{{blue}}</text>
                  </div>
                  <!-- <div class="chip_table_body_bluearea_s" v-if="item.danBlueBall">
                    <text class="chip_table_title_ordername_text">胆码:</text>
                    <text class="chip_table_title_ordername_text_ball" v-for="(blue,index) in item.danBlueBall.split(',')" :key="index+1/16">{{blue}}</text>
                  </div> -->
                </div>
                <div class="chip_table_body_div" style="flex:2">
                  <text class="chip_table_title_ordername_text">{{item.numberType}}</text>
                </div>
                <div class="chip_table_body_div" style="flex:2;">
                  <text class="chip_table_title_ordername_text">{{orderGroup.mut}}</text>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
</template>

<script>
const modal = weex.requireModule("modal");
export default {
  data() {
    return {};
  },
  props: {
    orderGroup: {
      type: Object
    }
  },
  methods: {}
};
</script>

<style scoped>
.batdetail_table_title_title {
  margin-top: 28px;
  margin-left: 32px;
  margin-bottom: 16px;
}
.chip_table_title_ordername_text_ball {
  font-size: 24px;
  color: #666;
  margin-left: 5px;
}
.table_scroller_item {
  flex-direction: row;
  padding-top: 19px;
  padding-bottom: 19px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(235, 235, 235);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgb(235, 235, 235);
}
.chip_table_body_bluearea_s {
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.chip_table_body_bluearea {
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 10px;
  flex-wrap: wrap;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.chip_table_body_redarea_s {
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.chip_table_body_redarea {
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 10px;
  flex-wrap: wrap;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.chip_table_body_div {
  align-self: center;
}
.chip_table_body {
  flex-direction: row;
  border-top-color: rgb(235, 235, 235);
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: rgb(235, 235, 235);
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: rgb(235, 235, 235);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(235, 235, 235);
  border-left-style: solid;
  border-left-width: 1px;
}
.chip_table_title_ordername_text {
  font-size: 24px;
  color: #666;
  text-align: center;
}
.chip_table_title_ordername {
  justify-content: center;
  flex-direction: row;
}
.chip_table_title {
  flex-direction: row;
  background-color: #ebebeb;
  height: 66px;
  align-items: center;
}
.chip_table {
  width: 750px; 
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  background-color: #ffffff;
}

</style>


